html, body {
    height: 100%;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}

.container {
    background-color: black;
    position: fixed;
    top: 0px;
    left: 0px;
    min-height: 500px;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.leftpanel {
    background-color: yellow;
    width: 250px;
    height: 100%;
}

.bottompanel {
    position: fixed;
    left: 250px;
    bottom: 0px;
    height: 200px;
}

.bottompanel textarea {
    overflow: scroll;
    height: 195px;
}

.workwindow {
    position: fixed;
    left: 250px;
    top: 0px;
    overflow: scroll;
}

.maptable {
    border-collapse: collapse;
    overflow: scroll;
}

.maptable tbody {
    overflow: scroll;
}

.mapcell {
    height: 64px;
    width: 64px;
    max-height: 64px;
    max-width: 64px;
    border: 1px solid gray;
    margin: 0px;
    padding: 0px;

    display: block;
    float: left;
    overflow: hidden;

	image-rendering: optimizeSpeed;             /* FUCK SMOOTHING, GIVE ME SPEED  */
 	image-rendering: -moz-crisp-edges;          /* Firefox                        */
 	image-rendering: -o-crisp-edges;            /* Opera                          */
 	image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
 	image-rendering: optimize-contrast;         /* CSS3 Proposed                  */
 	-ms-interpolation-mode: nearest-neighbor;   /* IE8+                           */
}

.mapcell img {
    position: absolute;
    width: 64px;
    height: 64px;
    opacity: .25;
    display: none;
    padding: 0px;
}

*.unselectable {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;

   /*
     Introduced in IE 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
   -ms-user-select: none;
   user-select: none;
}